<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <title>苗友通-供应列表</title>
    <link rel="stylesheet" href="../../css/public.css">
    <link rel="stylesheet" href="../../css/zhucexinxi.css">
    <link rel="stylesheet" href="../../css/tanchuang.css">
    <style>
        .content{background: #fff;width: 100%;box-sizing: border-box;padding: 0 1.7%;}
        .anniu{background: #fff;}
        body{background: #f5f5f5;}
        .anniu>a{width: 3.74rem;border-right: 0.01rem solid #52cd96;float: left;height: 0.88rem;line-height: 0.88rem;font-size: 0.3rem;color: #52cd96;text-align: center}
        .anniu>p{width: 7.48rem;height: 0.48rem;line-height: 0.48rem;border: 0.01rem solid #52cd96;text-indent: 0.3rem;font-size: 0.24rem;color: #808080;}
        .list li{width: 6.9rem;border-bottom: 1px solid #ccc;background: #fff;padding: 0 0.3rem;margin-top: 0.1rem;border-top: 0.01rem solid #ccc;}
        .list_title{height: 0.88rem;}
        .pinzhong,.faburiqi,.chakan{line-height: 0.88rem;height: 0.88rem;font-size: 0.24rem;}
        .pinzhong{font-size: 0.3rem;padding-right: 0.3rem;}
        .faburiqi{color: #808080;}
        .chakan{color: #52cd96;}
        .list_xiangqing{width: 6.9rem;border-bottom: 1px solid #ccc;}
        .list_xiangqing img{width: 1.8rem;height: 2.4rem;}
        .list_xiangqing>div>p{font-size: 0.26rem;padding-bottom: 0.35rem;height: 0.26rem;padding-left: 0.3rem;}
        .dianpumingcheng,.list_lianxi a{font-size: 0.26rem;line-height: 0.86rem;height: 0.86rem;color: #808080;}
        .list_lianxi a{background: url("../../images/tel.png") no-repeat left 50%;color: #52cd96;padding-left: 0.48rem;background-size: 0.28rem 0.35rem;}
        .list_xiangqing_text{font-size: 0.26rem;text-indent: 0.55rem;height: 1.15rem;line-height: 0.4rem;}
        .tiaozhuan{position: fixed;bottom: 0;left: 0;width: 7.5rem;}
        .tiaozhuan a{width: 3.74rem;border-right: 0.01rem solid #fff;height: 0.88rem;text-align: center;line-height: 0.88rem;display: block;background: #52cd96;color: #fff;font-size: 0.3rem;float: left;box-sizing: border-box;}

        .tiaojianchazhao{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.5);z-index: 1;display: none}
        .tiaojianchazhaoBox{width: 7.1rem;padding: 0 0.2rem 0.54rem;background: #fff;}
        .tiaojianchazhaoBox p{font-size: 0.3rem;height: 0.88rem;line-height: 0.88rem;clear: both}
        .mumiao{width: 100%;height: 0.86rem;line-height: 0.86rem;border: 0.01rem solid #ccc;}
        .xuanxiang li{margin-right: 0.25rem;margin-bottom: 0.2rem;float: left;}
        .xuanxiang li:nth-child(3n){margin-right: 0;}
        .xingtai_xuanxiang,.guige_xuanxiang{width: 2.18rem;height: 0.86rem;line-height: 0.86rem;border-radius: 0.08rem;border: 0.01rem solid #ccc;display: block;font-size: 0.26rem;text-align: center;color: #808080;}
        .miaomudi{width: 2.18rem;height: 0.86rem;line-height: 0.86rem;border-radius: 0.08rem;border: 0.01rem solid #ccc;display: block;font-size: 0.26rem;text-align: center;color: #808080;float: left;margin-right: 0.25rem;margin-bottom: 0.5rem;}
        .tiaojianchazhaoBoxAnniu{width: 3.45rem;background: #52cd96;color: #fff;font-size:0.3rem;line-height: 0.88rem;height: 0.88rem;text-align: center;display: block;margin-top: 0.6rem;border-radius: 0.08rem;letter-spacing:0.2rem;float: left;}
        .my_shape li,.my_spec li{  float: left;  width: 2.18rem;  height: 0.88rem;  border:0.01rem solid #ccc;  font-size: 0.26rem;  text-align: center;  color: #808080;  line-height: 0.86rem;  margin-right: 0.25rem;  margin-bottom: 0.2rem;  border-radius: 0.08rem;  box-sizing: border-box;  background: #fff;  }
        .my_shape li:nth-child(3n),.my_spec li:nth-child(3n){  margin-right: 0;  }
        .my_inputTip{  color: #808080;  }
        .my_shape li.select,.my_spec li.select{  background: #52cd96;  border-color: #52cd96;  color: #fff;  }
        .my_control a{width: 3.45rem;background: #52cd96;color: #fff;font-size:0.3rem;line-height: 0.88rem;height: 0.88rem;text-align: center;display: block;margin-top: 0.6rem;border-radius: 0.08rem;letter-spacing:0.2rem;float: left;}

    </style>
    <script src="../../js/jquery-1.9.1.min.js"></script>
    <script src="../../js/resize.js"></script>
    <script src="../../js/tanchuang.js"></script>

    <script>
        $(window).ready(function(){
            resetFont();
        });
        $(window).resize(function(){
            resetFont();
        });

        $(function(){
            $('#tiaojianchazhao').click(function(){

                $('.tiaojianchazhao').show();
            });
            $('.tiaojianguanbi').click(function(){
                $('.tiaojianchazhao').hide();
            });
            /*规格选择*/
            $(".my_spec li").click(function(){
                thisA=$(this);
                if($(this).index()<4){
                    winShow("my_input");
                    $(".yes").on("click",function(){
                        if($(".my_num").val()==""){
                            winHide("my_input");
                        }else{
                            thisA.html($(".my_num").val());
                            winHide("my_input");
                            $(".my_num").val("")
                            thisA.addClass("select").siblings().removeClass("select").each(function(){
                                $(this).html($(this).attr("_alt"));
                            })
                        }
                        $(".yes").off("click");
                    });
                    $(".no").on("click",function(){
                        winHide("my_input");
                        $(".no").off("click");
                    });
                }else{
                    thisA.addClass("select").siblings().removeClass("select").each(function(){
                        $(this).html($(this).attr("_alt"));
                    })
                }
            });

            /*形态选择*/
            $(".my_shape li").click(function(){
                $(this).addClass("select").siblings().removeClass("select");
            })
        })

    </script>
</head>
<body>
<div class="tiaojianchazhao">
    <div class="content">
        <p class="nametitle">苗木名称<span class="nameTilteB">*</span></p>
        <input type="text" class="inputText" placeholder="必填">
        <p class="nametitle">形态<span class="nameTilteB">*</span><span class="my_inputTip">（以下选项四选一）</span></p>
        <div class="my_shape">
            <ul class="clearfix">
                <li>独杆</li>
                <li>丛生</li>
                <li>球型</li>
                <li>其他</li>
            </ul>
        </div>
        <p class="nametitle">规格<span class="nameTilteB">*</span><span class="my_inputTip">（以下选项五选一）</span></p>
        <div class="my_spec">
            <ul class="clearfix">
                <li _alt="高度（厘米）">高度（厘米）</li>
                <li _alt="粗度（厘米)">粗度（厘米)</li>
                <li _alt="冠径（厘米">冠径（厘米）</li>
                <li _alt="长度（厘米）">长度（厘米）</li>
                <li>其他</li>
            </ul>
        </div>

        <p class="nametitle">苗源地<span class="nameTilteB">*</span></p>
        <div class="clearfix">
            <select class="guishudi float_l">
                <option>请选择</option>
                <option>北京</option>
                <option>天津</option>
                <option>河北</option>
            </select>
            <select class="guishudi float_l">
                <option>请选择</option>
                <option>全部</option>
            </select>
        </div>
        <div class="my_control clearfix">
            <a href="javascript:void (0)" class="tijiao tiaojianguanbi" style="margin-right: 0.2rem;">关闭</a>
            <a href="javascript:void (0)" class="tijiao">确认</a>
        </div>

    </div>
</div>

<div class="anniu">
    <a href="">供应排行榜</a><a href="javascript:void(0)" style="border-right: none" id="tiaojianchazhao">条件查找</a>
    <p class="clear">在售苗木  <span>2333</span>  单</p>
</div>
<div class="list">
    <ul>
        <li class="clearfix">
            <div class="list_title clearfix"><span class="pinzhong float_l">国槐</span><span class="faburiqi float_l">发布日期：2017-01-01</span><a href="" class="chakan float_r">查看详情 ></a></div>
            <div class="list_xiangqing clearfix">
                <div class="float_l"><img src="../../images/ban.png" alt=""></div>
                <div class="float_l">
                    <p>供应数量：<span>2000</span></p>
                    <p>形态：<span>独杆</span></p>
                    <p>高度：<span>5cm</span></p>
                    <p>苗源地：<span>河北保定</span></p>
                    <p>其他备注：<span>一级苗，土冠</span></p>
                </div>
            </div>
            <div class="list_lianxi clearfix">
                <span class="dianpumingcheng float_l">河北苗友通店铺</span><a href="tel:18688888888" class="float_r">186-8888-8888</a>
            </div>
        </li>
        <li class="clearfix">
            <div class="list_title clearfix"><span class="pinzhong float_l">国槐</span><span class="faburiqi float_l">发布日期：2017-01-01</span></div>
            <div class="list_xiangqing clearfix">
                <p class="list_xiangqing_text">一级苗，土冠，如有需要，请尽快联系我！如有需要请
                    尽快联系我！</p>
            </div>
            <div class="list_lianxi clearfix">
                <span class="dianpumingcheng float_l">河北苗友通店铺</span><a href="" class="float_r">点击看联系方式</a>
            </div>
        </li>
        <li class="clearfix">
            <div class="list_title clearfix"><span class="pinzhong float_l">国槐</span><span class="faburiqi float_l">发布日期：2017-01-01</span><a href="" class="chakan float_r">查看详情 ></a></div>
            <div class="list_xiangqing clearfix">
                <div class="float_l"><img src="../../images/ban.png" alt=""></div>
                <div class="float_l">
                    <p>供应数量：<span>2000</span></p>
                    <p>形态：<span>独杆</span></p>
                    <p>高度：<span>5cm</span></p>
                    <p>苗源地：<span>河北保定</span></p>
                    <p>其他备注：<span>一级苗，土冠</span></p>
                </div>
            </div>
            <div class="list_lianxi clearfix">
                <span class="dianpumingcheng float_l">河北苗友通店铺</span><a href="tel:18688888888" class="float_r">186-8888-8888</a>
            </div>
        </li>
        <li class="clearfix">
            <div class="list_title clearfix"><span class="pinzhong float_l">国槐</span><span class="faburiqi float_l">发布日期：2017-01-01</span></div>
            <div class="list_xiangqing clearfix">
                <p class="list_xiangqing_text">一级苗，土冠，如有需要，请尽快联系我！如有需要请
                    尽快联系我！</p>
            </div>
            <div class="list_lianxi clearfix">
                <span class="dianpumingcheng float_l">河北苗友通店铺</span><a href="" class="float_r">点击看联系方式</a>
            </div>
        </li>
        <li class="clearfix">
            <div class="list_title clearfix"><span class="pinzhong float_l">国槐</span><span class="faburiqi float_l">发布日期：2017-01-01</span><a href="" class="chakan float_r">查看详情 ></a></div>
            <div class="list_xiangqing clearfix">
                <div class="float_l"><img src="../../images/ban.png" alt=""></div>
                <div class="float_l">
                    <p>供应数量：<span>2000</span></p>
                    <p>形态：<span>独杆</span></p>
                    <p>高度：<span>5cm</span></p>
                    <p>苗源地：<span>河北保定</span></p>
                    <p>其他备注：<span>一级苗，土冠</span></p>
                </div>
            </div>
            <div class="list_lianxi clearfix">
                <span class="dianpumingcheng float_l">河北苗友通店铺</span><a href="tel:18688888888" class="float_r">186-8888-8888</a>
            </div>
        </li>
        <li class="clearfix">
            <div class="list_title clearfix"><span class="pinzhong float_l">国槐</span><span class="faburiqi float_l">发布日期：2017-01-01</span></div>
            <div class="list_xiangqing clearfix">
                <p class="list_xiangqing_text">一级苗，土冠，如有需要，请尽快联系我！如有需要请
                    尽快联系我！</p>
            </div>
            <div class="list_lianxi clearfix">
                <span class="dianpumingcheng float_l">河北苗友通店铺</span><a href="" class="float_r">点击看联系方式</a>
            </div>
        </li>
    </ul>
</div>
<div class="tiaozhuan">
    <a href="">发布简单供应</a><a href="">发布长期供应</a>
</div>
<div class="tanchuang my_input none" style="z-index:100;">
    <div class="tanchuangCont">
        <div class="tipmess hasp">
            <h3>请输入</h3>
            <p><input type="text" class="my_num"></p>
        </div>
        <div class="decsion clearfix twobtn">
            <a href="javascript:void(0);" class="no">取消</a>
            <a href="javascript:void(0);" class="yes">确定</a>
        </div>
    </div>
</div>
<div class="tanchuang none">
    <div class="tanchuangCont">
        <div class="tipmess nohhasp">
            <p>您没有权限查看对方的联系方式，<br>
                请升级为高级会员后查看</p>
        </div>
        <div class="decsion  twobtn clearfix">
            <a href="javascript:void(0);" class="no">取消</a>
            <a href="javascript:void(0);" class="yes">升级</a>
        </div>
    </div>
</div>
</body>
</html>